<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel='stylesheet' type='text/css' href="/${initParam.context_root}/css/dtree.css" />
<script type='text/javascript' src="/${initParam.context_root}/js/dtree.js"></script>
<script src="http://code.jquery.com/jquery-latest.js"></script>

<title>키워드등록창</title>
</head>
<body>
<br>
<div >
<table style="border-style: solid; border-width: 1px;"  width="700px" cellpadding="7px">
	<tr>
		<td><img alt="메뉴및 화면 관리" src="/${initParam.context_root }/img/typeFive/menuNview.png" style="cursor: pointer;"  >&nbsp;&nbsp;
		<img alt="메뉴및 화면 관리" src="/${initParam.context_root }/img/typeFive/systemManage.png" style="cursor: pointer;" onclick="" >
		</td>
	</tr>
</table><br>
</div >

<div style="float: left; padding-right: 10px;" >
<table style="border-style: solid; border-width: 1px;"  width="345px" height="580px">
	<tr>
		<td>
				<div class="dtree" id="dtree" onclick="add()" >
					<p>
						<a href="javascript: d.openAll()"> <font
							style="cursor: pointer; color: red;" size="3"><b>모두 보기</b></font></a>
						| <a href="javascript: d.closeAll();"> <font
							style="cursor: pointer; color: red;" size="3"><b>모두 닫기</b></font></a>
					</p>
					<script type="text/javascript">
						var d = new dTree('d');
						var string = "안녕";
						
						d.add(0,-1,'01 세징대내');
						d.add(1,0,string);
						d.add(2,1, '0001 사업자등록관리');
						d.add(3,2,'00001 사업자등록신청관리');
						d.add(4,3,'000001 세적민원목록조회','/${initParam.context_root}/typeOne.do');
						d.add(5,3,'000002 사업자등록신청서입력','/${initParam.context_root}/typeTwo.do');
						d.add(6,1,'002 사업자기본사항및명단조회관리');
						d.add(7,0,'02 공통');
						d.add(8,7, '증가한다.');
						d.add(9,8,'증가한다');
						d.add(10,9,'하위자료','/${initParam.context_root}/typeOne.do');
						d.add(11,9,'하위자료','/${initParam.context_root}/typeTwo.do');
						
						document.write(d);
					</script>
				</div>
		</td>
	</tr>
	<tfoot>
		<tr>
			<td><input type="button" value="생성">&nbsp;<input type="button" value="수정">&nbsp;
				<input type="button" value="삭제">&nbsp;<input type="button" value="순서조정">&nbsp;
				<input type="button" value="지식연계">&nbsp;
			</td>
		</tr>
	</tfoot>
</table>
</div>

<div style="float: left;">
<table style="border-style: solid; border-width: 1px;" width="345px" height="400px" >
	<tr>
		<td>
			<table bgcolor="lightblue"  height="350px" >
				<tr>
					<td valign="top"><b>지식연계<br>키워드등록</b>
					</td>
				</tr>
			</table>
		</td>
		<td>
			<table bgcolor="lightgray" height="350px">
				<tr>
					<td> <input type="checkbox" name=""> KMS </td>
					<td> <input type="checkbox" name=""> IT서비스관리</td>
				</tr>
				<tr>
					<td> <input type="checkbox" name=""> 감사사례</td>
					<td> <input type="checkbox" name=""> 세법해석</td>
				</tr>
				<tr>
					<td> <input type="checkbox" name=""> 법령정보</td>
					<td> </td>
				</tr>
				<tr>
					<td colspan="2"></td>
				</tr>
				<tr>
					<td colspan="2">검색키워드<br><input type="text" name=""></td>
				</tr>
				<tr>
					<td colspan="2">추가된 키워드<br><input type="text" name=""></td>
				</tr>
			</table>
		</td>
	</tr>
	<tr>
		<td colspan="2">
			<center><input type="button" value="저장">&nbsp;&nbsp;<input type="reset" value="취소"></center>
		</td>
	</tr>
</table>
</div>
</body>
</html>